

// 左侧滑动
$(function () {
    $('.left-top-ul li').css('color', 'black')

    $('.left-top-ul li').click(function () {
        $('.left-main>div').css('display', 'none')
        $('.left-top-ul li').css('color', 'black')
        if (this.innerHTML == '采集中') {
            $('.left-top-sp').css('transform', 'translateX(-205px)')
            $(this).css('color', '#409EFF')
            $('.left-box-cjz').css('display', 'block')
        }
        if (this.innerHTML == '已到期') {
            $('.left-top-sp').css('transform', 'translateX(-100px)')
            $(this).css('color', '#409EFF')
            $('.left-box-ydq').css('display', 'block')
        }
        if (this.innerHTML == '数据查看') {
            $('.left-top-sp').css('transform', 'translateX(0px)')
            $(this).css('color', '#409EFF')
            $('.left-box-sjck').css('display', 'block')
        }
    })
})
// 左侧显示隐藏对应内容
$(function(){
    $('.left-box-ydq-sp').click(function(){
        if (this.innerHTML == '选择') {
            this.innerHTML = '当前'
            $(this).css('backgroundColor', '#79C951')
            $('#mbin').css('display', 'none')
            $('#mcin').css('display', 'block')
        } else {
            if (this.innerHTML == '当前') {
                this.innerHTML = '选择'
                $(this).css('backgroundColor', '#409EFF')
                $('#mbin').css('display', 'block')
                $('#mcin').css('display', 'none')
            }
        }
    })
})


$(function () {
    $('#mbin').css('display', 'block')

    $('.left-box-cjz-sp').click(function () {
        if (this.innerHTML == '选择') {
            this.innerHTML = '当前'
            $(this).css('backgroundColor', '#79C951')
            $('#mbin').css({
                'display':'none',
                'transition':'all 400ms',  
            })
            $('#mcin').css({
                'display':'block',
                'transition':'all 400ms',
            })
        } else {
            if (this.innerHTML == '当前') {
                this.innerHTML = '选择'
                $(this).css('backgroundColor', '#409EFF')
                $('#mbin').css('display', 'block')
                $('#mcin').css('display', 'none')
            }
        }

    })
})

